// // 使用 RTK 来构建 store
// import { configureStore } from '@reduxjs/toolkit'
// import listReducer from './module/listSlice.ts'

// // 创建 store 用来创建store对象，需要一个配置对象作为参数
// const store = configureStore({
//     // 用来配置 store 中用到的 reducer
//     reducer: {
//         list: listReducer
//     }
// })

// // 从 store 本身推断出 `RootState` 和 `AppDispatch` 类型
// export type RootState = ReturnType<typeof store.getState>
// // 推断出类型: {posts: PostsState, comments: CommentsState, users: UsersState}
// export type AppDispatch = typeof store.dispatch

// export default store


// 使用 RTK 来构建 store
import { configureStore } from '@reduxjs/toolkit'
import listReducer from './module/listSlice.js'
//本地存储
import { persistStore,persistReducer } from "redux-persist";
import storage from "redux-persist/lib/storage";

//配置持久化
const persistConfig = {
    key:'root',
    storage
}
const persistedReducer = persistReducer(persistConfig,listReducer)
// 创建 store 用来创建store对象，需要一个配置对象作为参数
const store = configureStore({
    // 用来配置 store 中用到的 reducer
    reducer: {
        list: persistedReducer
    }
})
//创建持久化存储
export const persistor = persistStore(store)
// 从 store 本身推断出 `RootState` 和 `AppDispatch` 类型
export type RootState = ReturnType<typeof store.getState>
// 推断出类型: {posts: PostsState, comments: CommentsState, users: UsersState}
export type AppDispatch = typeof store.dispatch

export default store




